<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Home</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">

    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">
	
	<script type="text/javascript" src="assets/js/jquery-1.7.2.js"></script>
	<script>
		$(function(){
			//获取登录用户的信息
			var customer = JSON.parse(sessionStorage.getItem("customer"));
			var cusId = customer.cusId;
			
			queryBalance();
			//给total-item刷新金额
			function queryBalance(){
				//ajax请求
				var url = "http://localhost:8008/shop/customer/findBalance";
				var param = {cusId:cusId}
				$.post(url,param,function(data){
					$('.total-item').text("$"+data.balance);
				}) 
			}
		/*==================================================更新商品类型表====================================================================  */
		
		
        queryGoodType();            
		
		function queryGoodType(){
			var url = "http://localhost:8008/shop/goodType/findGoodType";
			$.get(url,function(data){
				var typeContenx = "";
				//获取一级类别的数量
				var goodTypeNum = data.goodTypes.length;
			 	for(var i=0;i<goodTypeNum;i++){
					typeContenx += "<li class='categories-hover-right'>"
					typeContenx += "<a href='#'>"+ data.goodTypes[i].typeName +"<i class='fa fa-angle-right float-right'></i></a>"
					typeContenx += "<ul class='cat-submenu category-mega'>"
					typeContenx += "<li class='cat-mega-title'><a href='#'>Security Cameras</a>"
					typeContenx += "<ul>"
					//获取二级类别的数量
					var typeItemNum = data.goodTypes[i].typeItems.length;
					for(var x=0;x<typeItemNum;x++){
						typeContenx += "<li><a href='#'>"+ data.goodTypes[i].typeItems[x].itemName +"</a></li>"
					}
					typeContenx += "</ul>"
					typeContenx += "</li>"
					typeContenx += "</ul>"
					typeContenx += "</li>"
				} 
				 console.log(typeContenx)
					//渲染到categories-expand
				$(".categories-expand").html(typeContenx);
			})
			
		}
		/*==================================================更新商品类型表结束====================================================================  */
		
		/*==================================================更新刚上架的10件商品====================================================================  */
		
		queryGoodByTen("findGoodByTen",'#newGood');
		function queryGoodByTen(path,id){
			var url = "http://localhost:8008/shop/good/"+path;
			$.get(url,function(data){
				var goodContenx = "";
				//获取新上架商品数量
				var newGoodNum = data.goods.length;
				for(var i=0;i<newGoodNum;i++){
					goodContenx += "<div class='item-product'>"
					goodContenx += "<div class='product-thumb'>"
					goodContenx +=  "<a href='product-details.html'>"
					goodContenx +=  "<img src='assets/images/product/product-1.jpg' alt='' class='img-fluid'>"
					goodContenx +=  "</a>"
					goodContenx += "<div class='box-label'>"
					goodContenx += "<div class='label-product-new'>"
					goodContenx += "<span>New</span>"
					goodContenx += "</div>"
					goodContenx += "</div>"
					goodContenx += "<div class='action-link'>"
					goodContenx += "<a class='quick-view same-link' href='#' title='Quick view' data-toggle='modal' data-target='#modal_box' data-original-title='quick view'><i class='zmdi zmdi-eye zmdi-hc-fw'></i></a>"
					goodContenx += "<a class='compare-add same-link' href='compare.html' title='Add to compare'><i class='zmdi zmdi-refresh-alt'></i></a>"
					goodContenx +=  "<a class='wishlist-add same-link' href='wishlist.html' title='Add to wishlist'><i class='zmdi zmdi-favorite-outline zmdi-hc-fw'></i></a>"
					goodContenx += "</div>"
					goodContenx += "</div>"
					goodContenx += "<div class='product-caption'>"
					goodContenx += "<div class='product-name'>"
					goodContenx += "<a href='product-details.html'>"+ data.goods[i].goodName +"</a>"
					goodContenx += "</div>"
					goodContenx += "<div class='rating'>"
					goodContenx +=  "<span class='yellow'><i class='fa fa-star'></i></span>"
					goodContenx +=  "<span class='yellow'><i class='fa fa-star'></i></span>"
					goodContenx +=  "<span class='yellow'><i class='fa fa-star'></i></span>"
					goodContenx += "<span class='yellow'><i class='fa fa-star'></i></span>"
					goodContenx +=  "<span class='yellow'><i class='fa fa-star'></i></span>"
					goodContenx +=  "</div>"
					goodContenx += "<div class='price-box'>"
					goodContenx +=  "<span class='regular-price'>$"+ data.goods[i].goodPrice +"</span>"
					goodContenx += "</div>"
					goodContenx +=  "<div class='cart'>"
					goodContenx += "<div class='add-to-cart'>"
					goodContenx +=  "<a class='cart-plus' href='shopping-cart.html' title='Add to cart'><i class='zmdi zmdi-shopping-cart-plus zmdi-hc-fw'></i></a>"
					goodContenx += "</div>"
					goodContenx += "</div>"
					goodContenx += "</div>"
					goodContenx += "</div>"
				}
				$(id).html(goodContenx);
				
			})
		}
		
		/*==================================================更新刚上架的10件商品结束====================================================================  */
		
		/*==================================================更新热销商品====================================================================  */
		queryGoodByTen("findGoodByHotMonth",'#hotGood');
		
	})
	</script>
</head>

<body>

    <!-- ========================
    Offcanvas Menu Area Start 
    ===========================-->
    <div class="offcanvas_overlay">

    </div>
    <div class="offcanvas_menu">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="canvas_open">
                        <a href="#"><i class="zmdi zmdi-menu"></i></a>
                    </div>
                    <div class="offcanvas_menu_wrapper">
                        <div class="canvas_close">
                            <a href="#"><i class="zmdi zmdi-close"></i></a>
                        </div>
                        <div class="welcome_text text-center mb-10">
                            <p><span>Customer Service: </span> (800) 123 456 789</p>
                        </div>
                        <div class="box-right text-center mb-20">
                            <ul>
                                <li class="settings">
                                    <a href="#" class="drop-toggle">
                                        <span>USD $</span>
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="box-dropdown drop-dropdown">
                                        <li><a href="#">EUR €</a></li>
                                        <li><a href="#">USD $</a></li>
                                    </ul>
                                </li>
                                <li class="settings">
                                    <a href="#" class="drop-toggle">
                                        <img src="assets/images/cuntry/1.jpg" alt="">
                                        English
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="box-dropdown drop-dropdown">
                                        <li>
                                            <a href="#"><img src="assets/images/cuntry/1.jpg" alt=""> English</a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="assets/images/cuntry/2.jpg" alt=""> Francies</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="settings">
                                    <a href="compare.html">Compare (2)</a>
                                </li>
                            </ul>
                        </div>
                        <div class="widget-body">
                            <div class="widget-address text-center mb-20">
                                <p><strong>ADDRESS</strong></p>
                                <p>123 Main Street, Anytown <br> CA 12345 USA.</p>
                                    <p>(800) 123 456 - (800) 123 456.</p>
                            </div>
                        </div>
                        <div class="offcanvas-search-container mb-40">
                            <form action="#">
                                <div class="search_box">
                                    <input placeholder="Search entire store here ..." type="text">
                                    <button type="submit">Search</button>
                                </div>
                            </form>
                        </div>
                        <!-- Offcanvas Menu Start -->
                        <div class="offcanvas_menu_cover text-left">
                            <ul class="offcanvas_main_menu">
                                <li class="menu-item-has-children active">
                                    <a href="#">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li><a href="index-4.html">Home 4</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">Shop</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children">
                                            <a href="#">Shop Layouts</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Shop</a></li>
                                                <li><a href="shop-fullwidth.html">Full Width</a></li>
                                                <li><a href="shop-fullwidth-list.html">Full Width list</a></li>
                                                <li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
                                                <li><a href="shop-right-sidebar-list.html"> Right Sidebar list</a></li>
                                                <li><a href="shop-list.html">List View</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">other Pages</a>
                                            <ul class="sub-menu">
                                                <li><a href="shopping-cart.html">Cart</a></li>
                                                <li><a href="wishlist.html">Wishlist</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                                <li><a href="my-account.html">My Account</a></li>
                                                <li><a href="faq.html">FAQs</a></li>
                                                <li><a href="404.html">Error 404</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Product Types</a>
                                            <ul class="sub-menu">
                                                <li><a href="product-details.html">Product details</a></li>
                                                <li><a href="product-details-external.html">Product external</a></li>
                                                <li><a href="product-details-grouped.html">Product grouped</a></li>
                                                <li><a href="product-details-variable.html">Product variable</a></li>
                                                <li><a href="product-details-bottomtab.html">Tab style - 1</a></li>
                                                <li><a href="product-details-lefttab.html">Tab style - 2</a></li>
                                                <li><a href="product-details-righttab.html">Tab style - 3</a></li>
                                                <li><a href="product-details-stickyleft.html">Product sticky left</a></li>
                                                <li><a href="product-details-stickyright.html">Product sticky right</a></li>
                                                <li><a href="product-details-galleryleft.html">Product leftside Gallery</a></li>
                                                <li><a href="product-details-galleryright.html">Product rightside Gallery</a></li>
                                                <li><a href="product-details-sliderbox.html">Product Sliderbox</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">blog</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children">
                                            <a href="#">Blog Grid</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog-grid-right-sidebar.html">Right Sidebar</a></li>
                                                <li><a href="blog-grid-left-sidebar.html">Left Sidebar</a></li>
                                                <li><a href="blog-grid-fullwidth.html">Full Width</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Blog List</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
                                                <li><a href="blog-list-left-sidebar.html">Left Sidebar</a></li>
                                                <li><a href="blog-list-fullwidth.html">Full Width</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Blog Single Post</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog-details.html">Right Sidebar</a></li>
                                                <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                                <li><a href="blog-details-fullwidth.html">Full Width</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Standard Blog</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
                                                <li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
                                                <li><a href="blog-fullwidth.html">Full Width</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">pages </a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About Us</a></li>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li><a href="product-details.html">Product</a></li>
                                        <li><a href="shopping-cart.html">Shopping Cart</a></li>
                                        <li><a href="wishlist.html">Wishlist</a></li>
                                        <li><a href="checkout.html">Checkout</a></li>
                                        <li><a href="compare.html">Compare</a></li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                        <li><a href="faq.html">Frequently Question</a></li>
                                        <li><a href="my-account.html">My Account</a></li>
                                        <li><a href="login.html">Login</a></li>
                                        <li><a href="register.html">Register</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="about.html">about Us</a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="contact.html"> Contact Us</a>
                                </li>
                            </ul>
                        </div>
                        <!-- Offcanvas Menu End -->
                        <div class="offcanvas_footer">
                            <span><a href="#"><i class="fa fa-envelope-o"></i> info@yourdomain.com</a></span>
                            <div class="footer_social">
                                <ul class="d-flex">
                                    <li><a class="facebook" href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                    <li><a class="twitter" href="#"><i class="zmdi zmdi-twitter"></i></a></li>
                                    <li><a class="youtube" href="#"><i class="zmdi zmdi-youtube"></i></a></li>
                                    <li><a class="google" href="#"><i class="zmdi zmdi-google-plus"></i></a></li>
                                    <li><a class="linkedin" href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ========================
    Offcanvas Menu Area End 
    ===========================-->

    <!-- =================
    Header Area Start 
    =====================-->
    <div class="header-area">
        <!-- Header Top Start -->
        <div class="header-top full-border">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-12">
                        <div class="header-top-left">
                            <p><span>Customer Service: </span> (800) 123 456 789</p>
                        </div>
                    </div>
                    <div class="col-lg-8 col-12">
                        <div class="box-right">
                            <ul>
                                <li class="settings">
                                    <a href="#">Compare (2)</a>
                                </li>
                                <li class="settings">
                                    <a href="#" class="drop-toggle">
                                        <span>USD $</span>
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="box-dropdown drop-dropdown">
                                        <li><a href="#">EUR €</a></li>
                                        <li><a href="#">USD $</a></li>
                                    </ul>
                                </li>
                                <li class="settings">
                                    <a href="#" class="drop-toggle">
                                        <img src="assets/images/cuntry/1.jpg" alt="">
                                        English
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="box-dropdown drop-dropdown">
                                        <li>
                                            <a href="#"><img src="assets/images/cuntry/1.jpg" alt=""> English</a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="assets/images/cuntry/2.jpg" alt=""> Francis</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="settings">
                                    <a href="#" class="drop-toggle">
                                        My Account
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="box-dropdown drop-dropdown">
                                        <li><a href="#">My Account</a></li>
                                        <li><a href="#">Checkout</a></li>
                                        <li><a href="#">Sign In</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Top End -->
        <!-- Header Middle Start -->
        <div class="header-middle space-40">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-3 col-6">
                        <div class="logo">
                            <a href="index.html"><img src="assets/images/logo/pos-circle-logo.jpg" alt="" class="img-fluid"></a>
                        </div>
                    </div>
                    <div class="col-lg-9 col-6">
                        <div class="header-middle-inner">
                            <div class="search-container">
                                <form action="#">
                                    <div class="top-cat">
                                        <select class="select-option" name="select" id="category2">
                                            <option value="1">All categories</option>
                                            <option value="12">All categories</option>
                                            <option value="27">- - Women </option>
                                            <option value="30">- - - - Dresses</option>
                                            <option value="31">- - - - Shirts &amp; Blouses</option>
                                            <option value="32">- - - - Blazers</option>
                                            <option value="33">- - - - Lingerie</option>
                                            <option value="34">- - - - Jeans</option>
                                            <option value="28">- - Men</option>
                                            <option value="35">- - - - Shorts</option>
                                            <option value="36">- - - - Sportswear</option>
                                            <option value="37">- - - - Swimwear</option>
                                            <option value="38">- - - - Jackets &amp; Suits</option>
                                            <option value="39">- - - - T-shirts &amp; Tank Tops</option>
                                            <option value="29">- - Kids </option>
                                            <option value="40">- - - - Trousers</option>
                                            <option value="41">- - - - Shirts &amp; Tops</option>
                                            <option value="42">- - - - Knitwear</option>
                                            <option value="43">- - - - Jackets</option>
                                            <option value="44">- - - - Sandals</option>
                                            <option value="13">Electronics</option>
                                            <option value="45">- - Cameras</option>
                                            <option value="49">- - - - Cords and Cables</option>
                                            <option value="50">- - - - gps accessories</option>
                                            <option value="51">- - - - Microphones</option>
                                            <option value="52">- - - - Wireless Transmitters</option>
                                            <option value="46">- - Audio</option>
                                            <option value="53">- - - - Other Accessories</option>
                                            <option value="54">- - - - Portable Audio</option>
                                            <option value="55">- - - - Satellite Radio</option>
                                            <option value="56">- - - - Visual Accessories</option>
                                            <option value="47">- - Cell Phones</option>
                                            <option value="57">- - - - iPhone</option>
                                            <option value="58">- - - - Samsung Galaxy</option>
                                            <option value="59">- - - - SIM Cards</option>
                                            <option value="60">- - - - Prepaid Cell Phones</option>
                                            <option value="48">- - TV &amp; Video</option>
                                            <option value="61">- - - - 4K Ultra HDTVs</option>
                                            <option value="62">- - - - All TVs</option>
                                            <option value="63">- - - - Refurbished TVs</option>
                                            <option value="64">- - - - TV Accessories</option>
                                            <option value="14">Toys &amp; Hobbies</option>
                                            <option value="65">- - Books &amp; Board Games</option>
                                            <option value="67">- - - - Arts &amp; Crafts</option>
                                            <option value="68">- - - - Baby &amp; Toddler Toys</option>
                                            <option value="69">- - - - Electronics for Kids</option>
                                            <option value="70">- - - - Dolls &amp; Accessories</option>
                                            <option value="66">- - Baby Dolls</option>
                                            <option value="71">- - - - Baby Alive Dolls</option>
                                            <option value="72">- - - - Barbie</option>
                                            <option value="73">- - - - Baby Annabell</option>
                                            <option value="74">- - - - Bratz </option>
                                            <option value="15">Sports &amp; Outdoors</option>
                                            <option value="16">Smartphone &amp; Tablets</option>
                                            <option value="17">Health &amp; Beauty</option>
                                            <option value="18">Computers &amp; Networking</option>
                                            <option value="19">Accessories</option>
                                            <option value="20">Jewelry &amp; Watches</option>
                                            <option value="21">Flashlights &amp; Lamps</option>
                                            <option value="22">Cameras &amp; Photo</option>
                                            <option value="23">Holiday Supplies &amp; Gifts</option>
                                            <option value="24">Automotive </option>
                                            <option value="25">cosmetic</option>
                                        </select>
                                    </div>
                                    <div class="search_box">
                                        <input class="header-search" placeholder="Enter your search key ..." type="text">
                                        <button class="header-search-button" type="submit">Search</button>
                                    </div>
                                </form>
                            </div>
                            <div class="blockcart">
                                <a href="#" class="drop-toggle">
                                    <img src="assets/images/cart/cart.png" alt="" class="img-fluid">
                                    <span class="my-cart">My Cart</span>
                                    <span class="count">2</span>
                                    <span class="total-item">$200.00</span>
                                </a>
                                <div class="cart-dropdown drop-dropdown">
                                    <ul>
                                        <li class="mini-cart-details">
                                            <div class="innr-crt-img">
                                                <img src="assets/images/cart/ear-headphones.jpg" alt="">
                                                <span>1x</span>
                                            </div>
                                            <div class="innr-crt-content">
                                                <span class="product-name">
                                                <a href="#">SonicFuel Wireless Over-Ear Headphones </a>
                                            </span>
                                                <span class="product-price">$32.30</span>
                                                <span class="product-size">Size:  S</span>
                                            </div>
                                        </li>
                                        <li class="mini-cart-details mb-30">
                                            <div class="innr-crt-img">
                                                <img src="assets/images/cart/720-degree-cameras-dual.jpg" alt="">
                                                <span>1x</span>
                                            </div>
                                            <div class="innr-crt-content">
                                                <span class="product-name">
                                                <a href="#">720 Degree Panoramic HD 360.. </a>
                                            </span>
                                                <span class="product-price">$29.00</span>
                                                <span class="product-size">Dimension:  40cm X 60cm</span>
                                            </div>
                                        </li>
                                        <li>
                                            <span class="subtotal-text">Subtotal</span>
                                            <span class="subtotal-price">$61.30</span>
                                        </li>
                                        <li>
                                            <span class="subtotal-text">Shipping</span>
                                            <span class="subtotal-price">$40.20</span>
                                        </li>
                                        <li>
                                            <span class="subtotal-text">Taxes</span>
                                            <span class="subtotal-price">$10.07</span>
                                        </li>
                                        <li>
                                            <span class="subtotal-text">Total</span>
                                            <span class="subtotal-price">$111.57</span>
                                        </li>
                                    </ul>
                                    <div class="checkout-cart">
                                        <a href="checkout.html">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Middle End -->
        <!-- Header Bottom Start -->
        <div class="header-menu header-bottom-area theme-bg sticker">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <!-- Category Menu Start -->
                        <div class="categoryes-menu-bar">
                            <div class="categoryes-menu-btn category-toggle">
                                <div class="float-left">
                                    <a href="#">All Categories</a>
                                </div>
                                <div class="float-right">
                                    <i class="fa fa-bars"></i>
                                </div>
                            </div>
                            <nav class="categorye-menus category-dropdown">
                                <ul class="categories-expand">
                                    <li class="categories-hover-right">
                                        <a href="#">Computer - Laptop <i class="fa fa-angle-right float-right"></i></a>
                                        <ul class="cat-submenu category-mega">
                                            <li class="cat-mega-title"><a href="#">Security Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                            <li class="cat-mega-title"><a href="#">Mirrorless Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                            <li class="cat-mega-title"><a href="#">Digital Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="categories-hover-right">
                                        <a href="#">Electronics <i class="fa fa-angle-right float-right"></i></a>
                                        <ul class="cat-submenu category-mega">
                                            <li class="cat-mega-title"><a href="#">Security Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                            <li class="cat-mega-title"><a href="#">Mirrorless Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                            <li class="cat-mega-title"><a href="#">Digital Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="categories-hover-right">
                                        <a href="#">Toys & Hobbies <i class="fa fa-angle-right float-right"></i></a>
                                        <ul class="cat-submenu category-mega">
                                            <li class="cat-mega-title"><a href="#">Security Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                            <li class="cat-mega-title"><a href="#">Mirrorless Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                            <li class="cat-mega-title"><a href="#">Digital Cameras</a>
                                                <ul>
                                                    <li><a href="#">DSLR Cameras</a></li>
                                                    <li><a href="#">Lense Camera</a></li>
                                                    <li><a href="#">Digital Cameras</a></li>
                                                    <li><a href="#">Mirrorless Cameras</a></li>
                                                    <li><a href="#">Point</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children active"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                        <a href="#">Computer - Laptop</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Men</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Shirt</a></li>
                                                    <li><a href="shop-fullwidth.html">Pant</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Shoes</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Women</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Shirt</a></li>
                                                    <li><a href="shop-fullwidth.html">Pant</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Shoes</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Kids</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Shirt</a></li>
                                                    <li><a href="shop-fullwidth.html">Pant</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Shoes</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                        <a href="#">Electronics</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Camera</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Cords & Cables</a></li>
                                                    <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Cell Phone</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Cords & Cables</a></li>
                                                    <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">TV & Video</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Cords & Cables</a></li>
                                                    <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                        <a href="#">Toys & Hobbies</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Camera</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Cords & Cables</a></li>
                                                    <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">Cell Phone</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Cords & Cables</a></li>
                                                    <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children"><span class="menu-expand"><i class="fa fa-angle-down"></i></span>
                                                <a href="#">TV & Video</a>
                                                <ul class="sub-menu">
                                                    <li><a href="shop.html">Cords & Cables</a></li>
                                                    <li><a href="shop-fullwidth.html">Wireless</a></li>
                                                    <li><a href="shop-fullwidth-list.html">Accessories</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">Sports & Outdoors</a>
                                    </li>
                                    <li>
                                        <a href="#">Smarphone & Tablets</a>
                                    </li>
                                    <li>
                                        <a href="#">Health & Beauty</a>
                                    </li>
                                    <li>
                                        <a href="#">Computers & Networking</a>
                                    </li>
                                    <li>
                                        <a href="#">Accessories</a>
                                    </li>
                                    <li>
                                        <a href="#">Jewelry & Watches</a>
                                    </li>
                                    <li>
                                        <a href="#">Flashlights & Lamps</a>
                                    </li>
                                    <li>
                                        <a href="#">Cameras & Photo</a>
                                    </li>
                                    <li class="category-item-parent hidden">
                                        <a href="#">Category-01</a>
                                    </li>
                                    <li class="category-item-parent">
                                        <a href="#" class="more-btn">More Category</a>
                                    </li>
                                </ul>
                          
                            </nav>
                        </div>
                        <!-- Category Menu End -->
                    </div>
                    <div class="col-lg-9">
                        <!-- Main Menu Start -->
                        <div class="header-menu add-sticky">
                            <div class="sticky-container">
                                <div class="logo">
                                    <a href="index.html"><img src="assets/images/logo/pos-circle-logo.jpg" alt="" class="img-fluid"></a>
                                </div>
                                <nav class="main-menu">
                                    <ul>
                                        <li>
                                            <a href="index.html">Home <i class="fa fa-angle-down"></i></a>
                                            <ul class="dropdown dropdown-width">
                                                <li><a href="index.html">Home Version 1</a></li>
                                                <li><a href="index-2.html">Home Version 2</a></li>
                                                <li><a href="index-3.html">Home Version 3</a></li>
                                                <li><a href="index-4.html">Home Version 4</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="shop.html">Shop <i class="fa fa-angle-down"></i></a>
                                            <div class="mega-menu dropdown">
                                                <ul class="mega-menu-inner d-flex">
                                                    <li>
                                                        <a href="">Shop Layouts</a>
                                                        <ul>
                                                            <li><a href="shop.html">Shop</a></li>
                                                            <li><a href="shop-fullwidth.html">Full Width</a></li>
                                                            <li><a href="shop-fullwidth-list.html">Full Width list</a></li>
                                                            <li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
                                                            <li><a href="shop-right-sidebar-list.html"> Right Sidebar list</a></li>
                                                            <li><a href="shop-list.html">List View</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="">Other Pages</a>
                                                        <ul>
                                                            <li><a href="shopping-cart.html">Cart</a></li>
                                                            <li><a href="wishlist.html">Wishlist</a></li>
                                                            <li><a href="checkout.html">Checkout</a></li>
                                                            <li><a href="my-account.html">My Account</a></li>
                                                            <li><a href="faq.html">FAQs</a></li>
                                                            <li><a href="404.html">Error 404</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="">Product Types</a>
                                                        <ul>
                                                            <li><a href="product-details.html">Product details</a></li>
                                                            <li><a href="product-details-external.html">Product external</a></li>
                                                            <li><a href="product-details-grouped.html">Product grouped</a></li>
                                                            <li><a href="product-details-variable.html">Product variable</a></li>
                                                            <li><a href="product-details-bottomtab.html">Tab style - 1</a></li>
                                                            <li><a href="product-details-lefttab.html">Tab style - 2</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="">Other Product Types</a>
                                                        <ul>
                                                            <li><a href="product-details-righttab.html">Tab style - 3</a></li>
                                                            <li><a href="product-details-stickyleft.html">Product sticky left</a></li>
                                                            <li><a href="product-details-stickyright.html">Product sticky right</a></li>
                                                            <li><a href="product-details-galleryleft.html">Product leftside Gallery</a></li>
                                                            <li><a href="product-details-galleryright.html">Product rightside Gallery</a></li>
                                                            <li><a href="product-details-sliderbox.html">Product Sliderbox</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                                <div class="mega-menu-banner mt-30">
                                                    <a href="shop.html"><img src="assets/images/bg/custom_banner.jpg" alt=""></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="#">Blog <i class="fa fa-angle-down"></i></a>
                                            <ul class="dropdown dropdown-width">
                                                <li>
                                                    <a href="blog-grid-right-sidebar.html">Blog Grid<i class="fa fa-angle-right float-right"></i></a>
                                                    <ul class="sub-dropdown dropdown dropdown-width">
                                                        <li><a href="blog-grid-right-sidebar.html">Right Sidebar</a></li>
                                                        <li><a href="blog-grid-left-sidebar.html">Left Sidebar</a></li>
                                                        <li><a href="blog-grid-fullwidth.html">Full Width</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-list-right-sidebar.html">Blog List<i class="fa fa-angle-right float-right"></i></a>
                                                    <ul class="sub-dropdown dropdown dropdown-width">
                                                        <li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
                                                        <li><a href="blog-list-left-sidebar.html">Left Sidebar</a></li>
                                                        <li><a href="blog-list-fullwidth.html">Full Width</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-details-right-sidebar.html">Blog Single Post<i class="fa fa-angle-right float-right"></i></a>
                                                    <ul class="sub-dropdown dropdown dropdown-width">
                                                        <li><a href="blog-details.html">Right Sidebar</a></li>
                                                        <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                                        <li><a href="blog-details-fullwidth.html">Full Width</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-right-sidebar.html">Standard Blog<i class="fa fa-angle-right float-right"></i></a>
                                                    <ul class="sub-dropdown dropdown dropdown-width">
                                                        <li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
                                                        <li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
                                                        <li><a href="blog-fullwidth.html">Full Width</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Pages <i class="fa fa-angle-down"></i></a>
                                            <ul class="dropdown dropdown-width">
                                                <li><a href="about.html">About Us</a></li>
                                                <li><a href="shop.html">Shop</a></li>
                                                <li><a href="product-details.html">Product</a></li>
                                                <li><a href="shopping-cart.html">Shopping Cart</a></li>
                                                <li><a href="wishlist.html">Wishlist</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                                <li><a href="compare.html">Compare</a></li>
                                                <li><a href="contact.html">Contact Us</a></li>
                                                <li><a href="faq.html">Frequently Question</a></li>
                                                <li><a href="my-account.html">My Account</a></li>
                                                <li><a href="login.html">Login</a></li>
                                                <li><a href="register.html">Register</a></li>
                                                <li><a href="404.html">404 Error</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="about.html">About Us</a></li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <!-- Main Menu End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Bottom End  -->
    </div>
    <!-- =================
    Header Area  End 
    =====================-->

    <!--=====================
    slider area start
    =========================-->
    <div class="slider_section mb-60">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                </div>
                <div class="col-lg-9">
                    <div class="slider_area slider-one mt-30">
                        <!-- Single Slider Start -->
                        <div class="single_slider">
                            <img src="assets/images/slider/slider-1.png" alt="" class="img-fluid">
                            <div class="slider_content color_one">
                                <h5>The Hottest <br> Trend</h5>
                                    <h2>Laptop <br> Tablets Outlet</h2>
                                        <div class="pt-des">
                                            <p><span>25%</span>Starting at <span>$340.00</span></p>
                                        </div>
                                        <a href="shop.html">Shop Now</a>
                            </div>
                        </div>
                        <!-- Single Slider End -->
                        <!-- Single Slider Start -->
                        <div class="single_slider">
                            <img src="assets/images/slider/slider-2.png" alt="" class="img-fluid">
                            <div class="slider_content color_two">
                                <h5>The Hottest <br> Trend</h5>
                                    <h2>Cellphone <br> Smartphone Not 2</h2>
                                        <div class="pt-des">
                                            <p><span>35%</span>Starting at <span>$120.00</span></p>
                                        </div>
                                        <a href="shop.html">Shop Now</a>
                            </div>
                        </div>
                        <!-- Single Slider End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--======================
     slider area End
    ==========================-->


    <!--======================
    Shipping area Start
    ==========================-->
    <div class="shipping-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-3"></div>
                <div class="col-lg-9">
                    <div class="row all-shipping">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-shipping">
                                <div class="block-wrapper">
                                    <div class="shipping-content">
                                        <h5 class="ship-title">Free Delivery</h5>
                                        <p>Free shipping on all order</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-shipping">
                                <div class="block-wrapper2">
                                    <div class="shipping-content">
                                        <h5 class="ship-title">Online Support 24/7</h5>
                                        <p>Free shipping on all order</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-shipping single-shipping-last">
                                <div class="block-wrapper3">
                                    <div class="shipping-content">
                                        <h5 class="ship-title">Money Return</h5>
                                        <p>Free shipping on all order</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--======================
    Shipping area End
    ==========================-->


    <!-- =================
    Product Area Start 
    =====================-->
    <div class="product-area mt-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="nav nav-tabs theme-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="one-tab" data-toggle="tab" href="#one" role="tab" aria-controls="one" aria-selected="true">New Arrival</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="two-tab" data-toggle="tab" href="#two" role="tab" aria-controls="two" aria-selected="false">Bestseller</a>
                        </li>
                     <!--   <li class="nav-item">
                            <a class="nav-link" id="three-tab" data-toggle="tab" href="#three" role="tab" aria-controls="three" aria-selected="false">Featured Product</a>
                        </li> -->
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="one" role="tabpanel" aria-labelledby="one-tab">
                            <div id="newGood" class="product-thing slick-custom slick-custom-default">
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-1.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Natus erro at congue massa commodo sit dignissim</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$30.00</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a class="cart-plus" href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-2.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Mirum est notare tellus eu nibh iaculis pretium</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$30.00</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a class="cart-plus" href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-3.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="#">Porro quisquam eget feugiat pretium sodales</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-4.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                            <div class="label-product-discount">
                                                <span>-20%</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Natus erro at congue massa commodo sit dignissim</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shoppint-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-5.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Mirum est notare tellus eu nibh iaculis pretium</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-6.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Porro quisquam eget feugiat pretium sodales</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                            </div>
                        </div>
                        <div class="tab-pane" id="two" role="tabpanel" aria-labelledby="two-tab">
                            <div id="hotGood" class="product-thing slick-custom slick-custom-default">
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-10.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Natus erro at congue massa commodo sit dignissim</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$30.00</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a class="cart-plus" href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-11.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Mirum est notare tellus eu nibh iaculis pretium</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$30.00</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a class="cart-plus" href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-3.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="#">Porro quisquam eget feugiat pretium sodales</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-7.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                            <div class="label-product-discount">
                                                <span>-20%</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Natus erro at congue massa commodo sit dignissim</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shoppint-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-5.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Mirum est notare tellus eu nibh iaculis pretium</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-6.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Porro quisquam eget feugiat pretium sodales</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                            </div>
                        </div>
                        <div class="tab-pane" id="three" role="tabpanel" aria-labelledby="three-tab">
                            <div class="product-thing slick-custom slick-custom-default">
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-11.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Natus erro at congue massa commodo sit dignissim</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$30.00</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a class="cart-plus" href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-2.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Mirum est notare tellus eu nibh iaculis pretium</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$30.00</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a class="cart-plus" href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-3.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="#">Porro quisquam eget feugiat pretium sodales</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-8.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                            <div class="label-product-discount">
                                                <span>-20%</span>
                                            </div>
                                        </div>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Natus erro at congue massa commodo sit dignissim</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shoppint-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-5.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Mirum est notare tellus eu nibh iaculis pretium</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                                <!-- Single-Product-Start -->
                                <div class="item-product">
                                    <div class="product-thumb">
                                        <a href="product-details.html">
                                            <img src="assets/images/product/product-6.jpg" alt="" class="img-fluid">
                                        </a>
                                        <div class="action-link">
                                            <a class="quick-view same-link" href="#" title="Quick view" data-toggle="modal" data-target="#modal_box" data-original-title="quick view"><i class="zmdi zmdi-eye zmdi-hc-fw"></i></a>
                                            <a class="compare-add same-link" href="compare.html" title="Add to compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                            <a class="wishlist-add same-link" href="wishlist.html" title="Add to wishlist"><i class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-caption">
                                        <div class="product-name">
                                            <a href="product-details.html">Porro quisquam eget feugiat pretium sodales</a>
                                        </div>
                                        <div class="rating">
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                            <span class="yellow"><i class="fa fa-star"></i></span>
                                        </div>
                                        <div class="price-box">
                                            <span class="regular-price">$50.67</span>
                                            <span class="old-price"><del>$55.50</del></span>
                                        </div>
                                        <div class="cart">
                                            <div class="add-to-cart">
                                                <a href="shopping-cart.html" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single-Product-End -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 



    <a class="scroll-to-top" href=""><i class="fa fa-angle-up"></i></a>







    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>